@media screen and (max-width: 1280px) {
	/**/
	.breadcrumb .wrap{ padding-left:5%;}
	.footed{padding: 30px 10px;}
	/**/
	.header .nav ul li a{ padding:0 10px;}
	/**/
	/* .productbox,.cenbanner .swiper-slide{ max-width:762px;} */
	.newsbox .capation{ display:none;}
	.newsbox{ padding: 0 2%;}
	.videolist { padding: 0 2%;}
	.video { margin: 0 2%;}
	/**/
	.stylebox{ max-width:480px; width:auto; margin:0 auto; min-width:320px; box-sizing:border-box; padding:0 15px; }
	.stylebox .menu2{ padding:20px 0;}
	.stylebox .capation{ font-size:24px;}
	.stylebox .menu2 ul{ margin-right:0;}
	.stylebox .menu2 ul li{ width:50%; margin-right:0; height:50px;}
	.stylebox .menu2 ul li a{ height:50px; line-height:50px;}
	.stylebox .picshow{}
	.stylebox .picshow ul{ margin-right:0;}
	.stylebox .picshow ul li{ width:100%; float:none; margin-right:0px;}
	.stylebox .picshow ul li.mt361{ margin-top:0px;}
	.stylebox .picshow ul li img{ width:100%; height:auto;}
	/**/
	.aboutbox .banner{background-size: auto 100%; height: 500px;}
	.aboutbox .somepic{ width:100%; height:auto; margin:30px 0;}
	.aboutbox .somepic .swiper-slide img{ width:100%; height:auto;}
	.aboutbox .profile{ padding:0 15px;}


	/**/
	.articlebox { padding: 20px 5%; }
	.articlebox .leftside{ width:25%; box-sizing:border-box; padding-right: 20px;}
	.articlebox .rightside{ width:75%; box-sizing:border-box; }
}

@media screen and (max-width :1280px) {
	
	/**/
	.videolist { padding: 0 2%;}
	.video { margin: 0 2%;}

	.piczoom .thumbs{ margin: 15px;}
	.share img{ width:100%; height:auto;}
	.descr-wrapper{ width:96%; max-width:400px; margin:0 auto;}
	.gotmall{}
	.gotmall .pic{ float: none; width:96%; max-width:400px; margin:0 auto;}
	.gotmall .pic img{ transform: rotate(-90deg); width:auto; max-height: 400px; margin: 0 auto;display: block;}
	.gotmall .text{float: none; width:96%; max-width:400px; margin:0 auto;}
	.gotmall .text .wp{ margin-top: 0;}
	/**/
	.piczoom .largepic{width: 100%;height: auto;float:none; border:none;}
	.piczoom .largepic img{width: 100%; height: auto;}
	.descr-wrapper .depict,.descr-wrapper .parameter{ float: none; width: 100%;}
	.descr-wrapper .parameter{ padding-top: 20px;}
	.descr-wrapper .depict p,.descr-wrapper .parameter dl{ padding: 0;}
	/**/

	.footor{ padding:50px 5% 20px; }
}

@media screen and (max-width : 1000px) {
	.productshow .picarea{ width: 100%; float:none;}
	.productshow .text{ width: 100%; float:none;}
	.piczoom .thumbs{ margin: 15px 10px 0 10px;}

	.productshow{ background-size: cover; padding: 30px 0 0;}
	.productshow .wrap{ background: none; padding: 0;}
	.productshow .picarea{ float:none;  padding:0; max-width:400px; width:96%; margin:0 auto 30px; box-sizing:border-box; overflow:hidden; background:#FFF;}
	.productshow .picarea .title{ display:block; padding: 20px 0 0; text-align: center;}
	.productshow .picarea .title h1{ font-size: 24px;}
	.productshow .picarea .title p{ font-size: 16px; padding: 0 0 20px;}
	.productshow .text{ float:none; width:100%; box-sizing:border-box; padding:20px 10px; background:#fafafa; }
	.productshow .text .wp{ width:96%; max-width:400px; margin:0 auto; box-sizing:border-box; overflow:hidden;}
	.productshow .text .title{ display: none;}
	.productshow .text ol.para{ width:100%;}
	.productshow .text ol.para li span{ width:60%;}
	.piczoom{ padding-bottom: 10px;}
	.piczoom .largepic{ width: 100%; height: auto; border:none;}
	.piczoom .largepic img{ width: 100%; height: auto;}
	.descr-wrapper{ max-width: 400px;}
	.descr-wrapper .depict{ width: 96%; float: none; margin: 0 auto 20px;}
	.descr-wrapper .depict p{ padding-right: 0;}
	.descr-wrapper .parameter{  width: 96%; float: none; margin: 0 auto;}
	.descr-wrapper .parameter dl{padding-left:0;}

	.seekgrid{ max-width: 400px;}
	.seekgrid ul{ display:block;}
	.seekgrid ul li{ width: 100%; float: none; padding: 30px 0;}
	.seekgrid ul li.end{ width: 100%; float: none;}
	.seekgrid ul li.end img{ width: 80%; height: auto;}

	.gotmall { display:none;}

}

@media screen and (max-width : 840px) {

	.piczoom .thumbs{ margin: 15px 0px 0 0px;}
	/**/
	.pc-header,.pc-footer{ display:none;}
	.footer{border-top: #f0f0f0 1px solid; /*display:none;*/}
	.footer .link{ display:none;}
	/**/
	.footor{}
	.footor .footnav{ float: none; width: 100%; border-right: none; }
	.footor .footright{ float: none; width: 100%;; padding-top:20px; max-width: 300px; margin: 0 auto;}
	/**/
	.innerbox{ min-height:400px;}
	.videolist { padding: 0 2%;}
	.innerbox{ padding: 10px 0 0;}
	.video { margin: 0 2%;}
	/**/
	#favorite{ display:none;}
	.header .logo{ border-right:none; }
	.header .nav{ position:relative; z-index:999999; float:right;}
	.header .nav h3{ display:block;}
	.header .nav ul{ width:130px;  width:100vw; display:none; position:absolute; top:50px; right: 0;}
	.header .nav ul li{ float:none; height:50px; text-align:center; padding:0; background-color:#000; border-bottom:#333 1px solid; border-right:none;}
	.header .nav ul li.mb{ display:block;}
	/**/
	.focuser { width: 100%; height:60vh;}
	.focuser .arrow-left { left:10px; }
	.focuser .arrow-right { right:10px; }
	.focuser .swiper-slide img{ width:auto; height:60vh;}
	/**/
	.focuser .swiper-slide p{ margin-top: 4vh;}
	.focuser .swiper-slide p b{ font-size:3.2vh;}
	.focuser .swiper-slide p em{ padding:0.5vh 0; font-size:3vh;}
	.focuser .swiper-slide p i{ padding:0.2vh 0.5vh;}
	.focuser .swiper-slide p i a{  font-size: 1.3vh;}
	.focuser .swiper-slide p i a:after{  height:1.3vh; }
	/**/
	.slide1 p{left:0; padding:2vh 0 5vh 26vh; color:#000;}
	.slide1 img{ margin-left:-60vh;}
	.slide2 p{left:0; padding:5vh 0 5vh 6vh; color:#000;}
	.slide2 img{ margin-left:-50vh;}
	.slide3 p{left:0; padding:5vh 0 5vh 6vh; color:#FFF;}
	.slide3 p i{border-top:#FFF 1px solid; border-bottom:#FFF 1px solid;}
	.slide3 img{ margin-left:-50vh;}
	.slide4 p{left:0; padding:25vh 0 5vh 6vh; color:#000;}
	.slide4 img{ margin-left:-10vh;}
	/**/
	.feikeword{padding:20px 0;}
	.feikeword h3{ font-size:3vh;}
	.feikeword p{ font-size:2vh;}
	/**/
	.gundong{ height:200px;}
	.gundong .focuser2{ height:200px;}
	.gundong .swiper-slide img{ width: 200px;}
	/**/
	.neirong{}
	.neirong .sub{ width:100%; float:none;}
	.neirong .text{ padding:20px 30px;}
	.neirong h3{ padding-bottom:15px; font-size:20px; font-weight:bold;}
	.neirong ul{}
	.neirong ul li{ padding:5px 0;}
	.neirong ul li a{ line-height:1.5px;}
	.newshop{ border-top:#f1f1f1 1px solid;}
	/**/
	html#mb{ height:100%; background:#000;}
	.mobile{ max-width:480px; min-height:100%; background-color:#FFF; margin:0 auto;}
	.mobile .hdr{ height:45px; background-color:#13d5cd; line-height:45px; text-align:center; font-size:18px; color:#FFF; display:block;}
	.watchbox{}
	.watchbox .watch{ position:relative;float:none; width:auto;}
	.watchbox .watch img{ border:0; width:100%; height:auto;}
	.watchbox .watch img#watchcase{ z-index:2; position:absolute; left:0; right:0;}
	.watchbox .watch img#watchband{ z-index:1;}
	.watchbox .strap{ float:none; width:auto;}
	.watchbox .tabs{ padding:10px;}
	.watchbox .tabs ul.nav{ height:47px;}
	.watchbox .tabs ul.nav li{ height:45px; line-height:45px; margin-top:2px; padding-top:0px; text-align:center; float:left; width:50%; color:#666666; background-color:#F5F5F5; border:#dcdcdc 1px solid; border-bottom:none; box-sizing:border-box; font-size:16px; cursor:pointer;}
	.watchbox .tabs ul.nav li.on{ background-color:#FFF; margin-top:0; padding-top:2px;}
	.watchbox .tabs ul.nav li i{ width:23px; height:45px; display:inline-block; margin-right:5px; background:url(../images/pc_tab_face_icon.png) no-repeat left center; vertical-align:middle;}
	.watchbox .tabs ul.nav li i.sbd{ background:url(../images/pc_tab_strap_icon.png) no-repeat left center;}
	.watchbox .tabs .content{}
	.watchbox .tabs .content .box{ padding:10px 0;}
	.watchbox .tabs .content .box dl{ height:365px; overflow:auto;}
	.watchbox .tabs .content .box dl dd{ width:33.3333%; float:left; box-sizing:border-box; padding:10px;}
	.watchbox .tabs .content .box dl dd img{ width:100%;}
	.watchbox .tabs .content .box dl dd b{ display:block; height:18px; line-height:18px; text-align:center; padding:5px 0; font-size:14px; font-weight:normal;}
	.watchbox .tabs .content .box dl dd a:hover b{ color:#13d5cd;}
	/**/
	.breadcrumb .wrap{ padding-left:5%;}
	.cenbanner{ display:none;}
	/**/
	.productbox .filter{ padding:30px 5px 20px;}
	.productbox .list ul{ margin-right:-1%;}
	.productbox .list ul li{ width:49%; float:left; margin-right:1%; margin-bottom:25px; box-sizing:border-box;}
	.productbox,.cenbanner .swiper-slide{ max-width:480px; min-width:320px;}
	/**/
	.newsbox{ max-width:650px; min-width:320px;}
	.newsbox .capation{ display:none;}
	.newsbox ul{ margin-right:0px; padding:25px 0 0;}
	.newsbox ul li{ float:left; width:48%; margin:0 1% 30px;}
	.newsbox ul li i img{ width:100%; height:auto;}
	/**/
	.fwmbox{width:auto; max-width:480px; min-width:320px; overflow: hidden; box-sizing:border-box; padding:0 15px;}
	.fwmbox .form{ padding-top:30px;}
	.fwmbox .form .inputbox{ width:100%;}
	.fwmbox .form .inputbox input.txt{  width:100%;padding:15px 3.125%; box-sizing: border-box; height: 50px;}
	.fwmbox .form .inputbox input.btn{ margin-top:10px; margin-left:0;}
	.fwmbox .note{ width:100%;margin: 30px auto 30px;}
	.fwmbox .way ul li{ float:none; width:100%; margin-bottom: 20px;}
	/**/
	.dialogBox .Dbox{ width:auto; max-width:310px; height: auto;background: rgba(21,212,205,0.93);}
	.dialogBox .Dbox p{ background-image:none; height:auto;}
	.dialogBox .Dbox p span{ float:none;margin-left:0px; width:100%; padding:0 10px; box-sizing:border-box;}
	.dialogBox .Dbox p cite{ padding-bottom:10px;}
	/**/
	.contactbox{ padding: 30px 0;}
	.contactbox .box{ max-width:400px; width:auto; margin:0 auto; min-width:320px; box-sizing:border-box; padding:0 15px; }
	.contactbox .box .lco,.contactbox .box .rco{ width:100%; float:none;}
	.contactbox .box .rco textarea{ width:100%; box-sizing:border-box;}
	.contactbox .box .rco .way{ display:none;}
	.contactbox .box .rco .tit{ padding-top:10px;}
	.contactbox .conway{ display:block; font-size:13px;}
	/**/
	.stylebox{ max-width:480px; width:auto; margin:0 auto; min-width:320px; box-sizing:border-box; padding:0 15px; }
	.stylebox .menu2{ padding:20px 0;}
	.stylebox .capation{ font-size:24px;}
	.stylebox .menu2 ul{ margin-right:0;}
	.stylebox .menu2 ul li{ width:50%; margin-right:0; height:50px;}
	.stylebox .menu2 ul li a{ height:50px; line-height:50px;}
	.stylebox .picshow{}
	.stylebox .picshow ul{ margin-right:0;}
	.stylebox .picshow ul li{ width:100%; float:none; margin-right:0px;}
	.stylebox .picshow ul li.mt361{ margin-top:0px;}
	.stylebox .picshow ul li img{ width:100%; height:auto;}
		/**/
	.aboutbox .banner{background-size: auto 100%; height:150px;}
	.aboutbox .capation{ font-size:24px; padding: 20px 0 10px;}
	.aboutbox .diyi{ font-size:16px; padding:0 15px;}
	.aboutbox .somepic{ width:100%; height:auto; margin:0 0 30px; }
	.aboutbox .somepic .swiper-slide img{ width:100%; height:auto;}
	.aboutbox .profile{ padding:0 15px;}
	.aboutbox ul.spec{ display:none;}
	.aboutbox ul.spec li{ width:100%; float:none;}
	.bg_video p{ background-size:contain;}
	/**/
	.pronavi{ min-width:320px;}
	/*.pronavi ul li{ padding:0 10px;}*/
	.videolist ul li.none{ margin-right:2%;}
	.videolist ul li{ width:49%; height:auto; margin-right:2%;}
	.videolist ul li em{ width:100%; height:auto;}
	.videolist ul li em i{ width:100%; height:auto; line-height:normal;}
	.videolist ul li em img.pic{ width:100%; height:auto;}
	.videolist ul li:nth-child(even){ margin-right:0;}
	/**/
	.manualbox ol{margin-right:0;}
	.manualbox ol li{ width:auto; float:none; padding-right:0;}
	/**/
	.footor .footnav dl{ display: none; width:100%; float: none; padding-bottom: 10px; }
	.footor .footnav dl dd{ display: inline-block; padding-right:20px; }
	.footor .footright .subscribe{ text-align: center; }
	.footor .footright .social{ text-align: center; }
	.footor .footright .subscribe p{ display: none; }
	.footor .footright .channel{ text-align: center; }
	.footor .footright .subscribe .form{padding-top: 10px;}
	.footor .copyright .copy{ font-size:12px;}
	/**/

}

@media screen and (max-width : 750px) {
	/*mobie element is hide and show*/
	.mobi-show{ display:block;}
	.mobi-hide{ display:none;}
	/*  */
	#index2017 .text h1{ font-size: 26px;}
	#index2017 .text h2{ font-size: 26px;}
	#index2017 .text p{ font-size: 16px;}
	/**/
	#index2017 .swiper2017{ height: 92vh;}
	#index2017 .swiper2017 .index-swiper{ height: 92vh;}
	#index2017 .swiper2017 .wp{transform:none; top: 5%;}
	#index2017 .swiper2017 .wp.b{ top:77%;}
	#index2017 .swiper2017 .text.r{margin-left:0; text-align: right;}
	#index2017 .swiper2017 .text{ width: 100%; text-align: left;}
	#index2017 .swiper2017 .text h1{ padding-bottom: 5px;}
	#index2017 .swiper2017 .text hr{ width: 50px;}
	#index2017 .swiper2017 .text p{padding-top: 10px; padding-bottom: 20px;}
	#index2017 .swiper2017 .text cite{ display: none;}
	#index2017 .text a.readmore{ width: 100px; height: 28px; display: inline-block; border: #FFF 1px solid; color: #FFF; font-size: 14px; line-height: 28px; text-align: center;}
	#index2017 .text a.readmore i.iconfont{ font-size: 14px;}
	#index2017 .text a.playbtn i{ width: 40px; height: 40px; background-size: cover;}

	/**/
	.articlebox{ padding: 0; }
	.articlebox .leftside{ width:100%; min-width:320px; float:none; box-sizing:border-box; padding:0 5%;}
	.articlebox .rightside{ width:100%; min-width:320px; float:none; box-sizing:border-box; padding:0 5%;    padding-top: 30px;}
	.articlebox .menu h3{ display: none; }
	.articlebox .menu dl dt{ float: left; padding-right: 15px; }

	.manualbox .title{ background: none; border-bottom: #333 1px solid; }

}
@media screen and (max-width : 480px) {
	#navigation .topNavi .even a.lang{ display: none; }
	.page_list a{ font-family:monospace;}
	/**/
	.blockA ul li{ float:none; width:100%}
	.blockA ul li a img{ width:100%;}

	.bg_video,.videoBanner{ display:none;}
	#navigation .navimask .navi ul li a{  color:#000; font-size: 14px;}
	/**/
	.pronavi{ min-width:320px;padding-top:10px;}
	.pronavi ul li{ padding:0 10px;}
	.pronavi ul li a{ padding:10px 0; font-size: 16px;}
	/**/
	#navigation .navimask .navi ul{ padding-top: 50px;}
	#navigation .navimask .navi ul li{ padding: 10px 0;}
	#navigation .navimask .navi ul li i{ font-size: 20px; padding-bottom:5px; padding-right: 10px; display: inline; vertical-align: middle;}
	#navigation .navimask .navi ul li a{}

	/**/
	.productshow{ background:#FFF; border-top: #F0f0f0 1px solid; padding:0; }
	.productshow .wrap{ box-shadow: none; }
	.piczoom .largepic{ position: relative; }
	.piczoom .largepic:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 9; }

	/**/
	.productSlide{ padding-top: 0px; padding-bottom: 30px;}
	.productSlide .product-swiper .swiper-slide { width: 60%;}
	.productSlide .swiper-button-next,.productSlide .swiper-button-prev{ display:none;}
	.productSlide .product-swiper .swiper-pagination{ font-size: 18px;}
	.productSlide .product-swiper .swiper-pagination span{font-size: 18px;}
	.watchDream,.watchDesigner{ height: 100vh;}
	#index2017 .watchMirror .bg{ height: 100vh;}
	.watchMirror .wp{ padding-top: 50px;}
	.wahchTechnics{ height: auto;}
	.wahchTechnics .technics{ width: 100%;float: none; height: auto;}
	.wahchTechnics .technics ul{ transform: translate3d(0, 0, 0); top: 0;}
	.wahchTechnics .technics ul li{ width: 33.33%; float: left;}
	.wahchTechnics .technics ul li i img{ width: 42px;}
	.wahchTechnics .technics ul li b{ font-size: 16px;}
	.wahchTechnics .technics ul li.line{ display:none;}
	.wahchTechnics .techpic{ width: 100%;float: none; height:40vh;}
	#index2017 .watchStrength{ height: 60vh; background: url("../images/arch-mirror.jpg") no-repeat center; background-size: cover; }
	#index2017 .watchStrength ul{ display:none;}
	#index2017 .watchStrength .wp{transform: translate3d(0, -50%, 0); top: 25%;}
	.watchDesigner .text p span{ font-size: 18px; color: #FFF;}
	.watchPackage{ height: 60vh;}
	#index2017 .watchTiles ul li.ls,
	#index2017 .watchTiles ul li.rs{ display:none;}
	#index2017 .watchTiles ul li.cs{ width: 100%; float:none;}
	#index2017 .watchTiles ul li.cs .word{ height: 300px;}
	#index2017 .watchYoung .wp .box .text hr,
	#index2017 .watchYoung .wp .box .text .blk20,
	#index2017 .watchYoung .wp .box .text p{ display: none;}
	.feikePress{ padding: 50px 0;}
	.feikePress h3.title{ font-size: 14px;}
	.feikePress h3.title b{ font-size: 24px;}
	.feikePress .press-swiper{padding-bottom: 50px;}
	.feikePress .press-swiper .swiper-slide{ width: 80%;}
	.feikePress .press-swiper .swiper-slide span.text{ padding:15px;}
	.feikePress .press-swiper .swiper-slide span.text h3{ font-size: 16px;}
	.feikePress .press-swiper .swiper-slide span.text em{ font-size: 14px;}
	/**/
	.sosobox .bg{ height:450px;}
	#startPage{ display: none;}

	.contactinfo{ padding:20px 5% 50px; }
	.contactinfo .contactway h2{ font-size: 22px; }
	.contactinfo ul.contactkf li a{ width: 130px; }
	.contactinfo .contactway .contacth3{ display: none; }
	.footor .footright .social{ padding-bottom: 50px;}
 	/**/
	.moreinfo{ padding:0;}
	.moreinfo h3{ display:none;}
	.moreinfo .picview{  padding:0;}
	/**/
	.tsbanner{ height: 200px; }
	.tsbanner .box .text h3{ font-size: 24px; font-weight: bold; }
	.tiaoshiinfo{ padding:0 5% 50px; }
	.tiaoshivideo ul li.end{ margin-right:2%;}
	.tiaoshivideo ul li{ width: 49%; margin-right:2%; }
	.tiaoshivideo ul li:nth-child(2n){ margin-right:0;}
	.tiaoshivideo ul li .tit{ font-size: 15px; }
	.tiaoshivideo ul li .btn a{ font-size: 14px; padding:0 8px; line-height: 18px; }
	.tiaoshivideo ul li .btn i{ font-size: 18px; padding-right: 5px;vertical-align:middle; }
	.newitem{ height: 100px; }
	.newitem .text{ font-size: 18px; }
}